<!--
 * @Author: your name
 * @Date: 2021-05-24 10:27:22
 * @LastEditTime: 2021-05-24 14:59:16
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \5.24\dan\src\views\Home.vue
-->
<template>
  <div class="home">
      <div class="head">
        <router-link to="/First">首页</router-link>
        <router-link to="/Shop">商品</router-link>
        <router-link to="/Order">订单</router-link>
        <router-link to="/Repertory">库存</router-link>
        <router-link to="/User">用户</router-link>
        <router-link to="/Promotion">促销</router-link>
        <router-link to="/Operation">运营</router-link>
        <router-link to="/Content">内容</router-link>
        <router-link to="/Statistics">统计</router-link>
        <router-link to="/Finance">财务</router-link>
        <router-link to="/Set">设置</router-link>
        <router-link to="/Jurisdiction">权限</router-link>
        <router-link to="/My">我的</router-link>
      </div>
      <div class="main">
        <router-view></router-view>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style> 
  *{
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
  }
  .home{
    width: 1800px;
    height: 900px;
    margin: 15px auto;
    border: 2px solid #e6e6e6;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  .head{
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    border-bottom: 2px solid turquoise;
    background: slategrey;
  }
  .head a{
    text-decoration: none;
    color: #fff;
  }
  .main{
    flex: 1;
    overflow-y: scroll;
  }
</style>